<template>
    <div class="box">
        <div class="axioa">
            <van-nav-bar title="- 我是大陆居民 -" />
            <div class="zhinan" @click="xiangqing1">
                <div class="namea">普通护照服务指南</div>
                <div class="nameneir">一、办理依据：
                    1、《中华人民共和国护照法》
                    2、《中华人民共和国出境入境管理法》
                    3、《中华人民共和国普通护照和出入境通行证签发管理办法》
                    4、《中华人民共和国电子普通护照签发管理工作规范》
                </div>
                <div class="namerq">2023-10-21</div>
                <van-divider />
            </div>
            <div class="zhinan" @click="xiangqing2">
                <div class="namea">往来港澳通行证和签注签发服务指南</div>
                <div class="nameneir">一、适用范围
                    本指南适用于内地居民申请往来港澳通行证和签注。
                    二、审批依据
                    《中华人民共和国出境入境管理法》、《中国公民因私事往来香港地区或者澳门地区的暂行管理办法》。
                </div>
                <div class="namerq">2023-10-21</div>
                <van-divider />
            </div>
            <div class="zhinan" @click="xiangqing3">
                <div class="namea">内地居民前往港澳通行证服务指南</div>
                <div class="nameneir">
                    一、办理依据：
                    1、《中华人民共和国出境入境管理法》
                    2、《中国公民因私事往来香港地区或者澳门地区的暂行管理办法》
                    二、办理条件
                    1、符合以下条件之一：
                    ①在香港或者澳门定居人员的内地配偶及其偕行的未满18周岁的子女，需要前往香港或者澳门家庭团聚的；

                </div>
                <div class="namerq">2023-10-21</div>
                <van-divider />
            </div>
            <div class="zhinan" @click="xiangqing4">
                <div class="namea">大陆居民往来台湾通行证及签注服务指南
                </div>
                <div class="nameneir">
                    一、办理依据：
                    1、《中华人民共和国护照法》
                    2、《中华人民共和国出境入境管理法》
                    3、《中华人民共和国往来台湾通行证及签注签发规范》
                </div>
                <div class="namerq">2023-10-21</div>
                <van-divider />
            </div>
            <div class="ckgd" @click="chakangengd">
                <span>查看更多</span>
                <van-icon name="arrow" />
            </div>
        </div>
        <div class="axioa">
            <van-nav-bar title="- 我是台湾居民 -" />
            <div class="zhinan" @click="xiangqing5">
                <div class="namea">
                    台湾居民来大陆定居证明
                    服务指南
                </div>
                <div class="nameneir">一、办理依据：
                    1、《中国公民往来台湾地区管理办法》
                    2、《公安部、中央统战部、国务院台办关于台湾居民来祖国大陆定居受理审批工作的通知》
                    二、办理条件
                    1、符合以下条件之一：
                    ①在台孤身一人，无人赡养，且在大陆拟定居地有父母、配偶（此种情形须符合下述第二项的规定）、子女等直系亲属，该亲属有能力赡养并保证赡养，本人的生活费用及住房等能够自理。
                </div>
                <div class="namerq">2023-10-21</div>
                <van-divider />
            </div>
            <div class="zhinan" @click="xiangqing6">
                <div class="namea">台湾居民来往大陆通行证
                    服务指南</div>
                <div class="nameneir">
                    一、办理依据：
                    1、《中国公民往来台湾地区管理办法》
                    2、《台湾居民来往大陆通行证签发管理工作规范》
                    二、办理条件
                    1、来往大陆的台湾居民可首次申请台胞证，
                    2、有下列情形之一的，可以换发台胞证：
                    ①五年期台胞证有效期不足6个月的；
                    ②持一次台胞证申请换发五年期台胞证的；

                </div>
                <div class="namerq">2023-10-21</div>
                <van-divider />
            </div>
            <div class="ckgd" @click="chakangengd1">
                <span>查看更多</span>
                <van-icon name="arrow" />
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {}
        },
        methods: {
            chakangengd() {
                this.$router.push('/xwzx')
            },
            chakangengd1() {
                this.$router.push('/xwzxx')
            },
            xiangqing1() {
                this.$router.push('/zbclxx')
            },
            xiangqing2() {
                this.$router.push('/zbclxxa')
            },
            xiangqing3() {
                this.$router.push('/zbclxxb')
            },
            xiangqing4() {
                this.$router.push('/zbclxxc')
            },
            xiangqing5() {
                this.$router.push('/zbclxxd')
            },
            xiangqing6() {
                this.$router.push('/zbclxxe')
            },
        },
    }
</script>

<style scoped lang="less">
    .van-nav-bar__title {
        font-weight: bold !important;
        font-size: 19px;
    }

    .box {
        margin: 0;
        padding: 0;
        background-color: #F4F4F4;
        height: 100vh;

        .axioa {
            margin-bottom: 10px;
        }

        .zhinan {
            background-color: #FFFFFF;

            // border-bottom: #999999 solid 1px;
            .namea {
                width: 90%;
                margin: 0 auto;
                padding: 10px 0 8px 0;
                font-weight: bold;
            }

            .nameneir {
                width: 90%;
                margin: 0 auto;
                padding: 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #999999;

            }

            .namerq {
                width: 90%;
                padding: 5px;
                margin: 0 auto;
                color: #999999;
                font-size: 12px;
            }

            .van-divider {
                margin: 0;
            }
        }
    }

    .ckgd {
        width: 100%;
        height: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999999;
        background-color: #FFFFFF;
    }

    .boxgrid {
        margin-bottom: 10px;
    }
</style>